/*
Theme Name: Zestedecouleurs.fr
Theme : www.zestedecouleurs.fr
Auteur : Emilie
Description: Theme Wordpress par www.zestedecouleurs.fr
Version: 1.0
*/


.gal-links {
	background-color: #f7f7f7;
	padding: 7px 12px;
	margin: 15px 15px;}

.gal-links:before {
	content: "Galerie photos"; 
	padding:4px 8px; 
	display:block;  
	background-color:#d16177;
    box-shadow:0 0 2px rgba(0,0,0,.5);
	font-size: 13px;  
	color: #fff;
	width: 90px; 
	margin: 5px -20px;}

.gal-links a {
	font-weight: 0;}

.photo_projet {
width:70px;
height: 70px;
border-radius:50px;
-moz-border-radius: 50px;
-webkit-border-radius:50px;
-khtml-border-radius: 50px;
padding:2px;
background-color: #ffFFff;
border:2px solid #b4973c;
z-index:2;}

.titre_projet {
z-index:1;
margin-top:-7px;
font-family:'Lato',sans-serif;
font-size:13px;
color:#ffFFff;
background-color:#d16177;
box-shadow:0 0 2px rgba(0,0,0,.5);
width:150px;
padding-top:3px;
padding-bottom: 3px;
padding-left:5px;
padding-right: 5px;}

a span{width:200px;
text-align: justify;
position:absolute;       
margin-top:-25px;
margin-left:85px;
color:#ffFFff;
background-color:#636262;
padding:15px;
border-radius:3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
box-shadow:0 0 2px rgba(0,0,0,.5);
transform:scale(0) rotate(-12deg);  
transition:all .25s;
opacity:0;}

a:hover span, a:focus span{
transform:scale(1) rotate(0);
opacity:1;
z-index:2;}

.latestimg {
opacity:0.7;
width:40px;
height:40px;
background: #ffFFff;
border:2px solid #f7f7f7;
padding:4px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}

.latestimg:hover {
opacity:1;
background: #ffFFff;
border:2px solid #b4973c;}


/* General
-------------------------------------------------------------- */

u {color:#999999;
text-decoration:none;
border-bottom:2px solid #d16177;}

strong, b { 
font-weight:normal !important;
color:#d16177;}

em, i { 
color:#b4973c;}

body {
font-family:'Lato',sans-serif;
font-size:13px;
color:#999999;
background: #f7f7f7;}

h1,h2,h3,h4,h5,h6,
p,blockquote,form {
margin: 23px 0;
color:#999999;}

h1,h2,h3,h4,h5,h6 {
font-family: 'Arimo', serif;
font-weight: 400;
color: #999999;}

a {text-decoration: none;
color: #636262;}

img {
margin: 3px;
padding: 4px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
vertical-align: middle;
background: #ffFFff;
border:2px solid #f7f7f7;}

img:hover {
border:2px solid #b4973c;}

blockquote {
text-align:justify;
padding: 1px 20px;
border-left: 7px solid #636262;
background: #f2f1f1;}

hr {
height: 1px;
color: #e9e9e9;
border: 0;
background-color: #e9e9e9;}

input,textarea,select {
max-width: 100%;
padding: 5px;
border: 1px solid #ccc;
background: #fff;}

button,
input[type='reset'],
input[type='submit'],
input[type='button'] {
font: 11px/20px 'Oswald',Arial,sans-serif;
padding: 5px 15px 3px 15px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
text-transform: uppercase;
color: #4b5252;
border: 0;
border-bottom: 2px solid #d4697f;
background: #ebebeb;}

button:hover,
input[type='reset']:hover,
input[type='submit']:hover,
input[type='button']:hover {
background: #ebebeb;}



/* En tete du site
-------------------------------------------------------------- */

#haut_site1 {
color:#636262;
text-align:center;
background-color: #ffFFff;
border-top:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
height:173px;
padding-top:30px;}

#haut_site1 a {
letter-spacing:2px;
margin-top:20px;
font-family:'Lato',sans-serif;
font-size:12,5px;
color:#636262;
vertical-align:top;}

#titre {
background: url(images/titre.png) no-repeat;
height: 80px;
width: 800px;
margin-bottom:8px;}

#header {
background: url(https://adoringmargotrobbie.com/wp-content/themes/theme%20zdc%2015/images/header.png) no-repeat;
height: 430px;
width: 1415px;
margin-top:-130px;}


#sidebarimg {
background: url(images/sidebarimg.png) no-repeat;
height: 67px;
width: 280px;
margin-bottom:4px;}




.welc_pictures {
background-color:#ffFFff;
border:1px solid #e1e1e1;
padding:15px;
margin-right:10px;}

.welcome {
padding-top:1px;
padding-bottom:1px;
width:130px;
background-color:#d16177;
padding-left:8px;
padding-right:4px;
font-family:'Lato',sans-serif;
font-size:12,5px;
color:#ffFFff;}

.pictures {
padding-top:1px;
padding-bottom:1px;
width:190px;
background-color:#636262;
padding-left:8px;
padding-right:4px;
font-family:'Lato',sans-serif;
font-size:12,5px;
color:#ffFFff;}

.lastnews {
background-color:#ffFFff;
border:1px solid #e1e1e1;
padding:15px;
height:152px;}

.news {
padding-top:1px;
padding-bottom:1px;
width:160px;
background-color:#b4973c;
padding-left:8px;
padding-right:4px;
font-family:'Lato',sans-serif;
font-size:12,5px;
color:#ffFFff;}

.welc1 {
text-align:justify;
padding-right:20px;}

.pic1 {
margin-left:15px;}

.news1 {
text-align:justify;}


.welcome .border {
	margin-top: -12px;
	border-bottom: 2px solid #000000;}
	
.pictures .border {
	margin-top: -12px;
	border-bottom: 2px solid #000000;}
	
.news .border {
	margin-top: -12px;
	border-bottom: 2px solid #000000;}
	
	
.welc:first-letter {
	float: left; 
	line-height: 30px; 
	padding: 4px 8px 0 3px; 
	font-size:40px; 
	font-family:Georgia;
	color: #d16177;}



/* Structure
------------------------------------------------------------- */

#wrapper {
	max-width: 1039px;
	background-color:#ffFFff;
	border:1px solid #e1e1e1;
	margin: 0 auto;
	padding: 15px 15px 15px 15px;}



/* Content
-------------------------------------------------------------- */

#content {
	float: left;
	width: 720px;
	margin: 0 0 0 0px;}



/* 6.0 Sidebar
-------------------------------------------------------------- */

#sidebar {
font-family:'Lato',sans-serif;
font-size:13px;
float: right;
width: 295px;
height:auto;
margin: 0 0 0 15px;
padding: 0 0 0 0;
background-color: #ffFFff;}

#sidebar h1,#sidebar h2,#sidebar h3,
#sidebar h4,#sidebar h5,#sidebar h6,
#sidebar p,#sidebar blockquote,
#sidebar hr,#sidebar form {
	margin: 19px 0;}

#sidebar blockquote {
	padding: 8px;
	background-color:#f5f5f5;
	border-left: 5px solid #636262;}

.side {width:280px;
background-color:#ffFFff;
padding-right:15px;
margin: 0 0 0 0;}

.side-content {
    color:#999999;
    font-family:'Lato',sans-serif;
    font-size:13px;
	text-align:justify;
	padding-bottom:10px;}
	
.sidebarimg {
background: url(images/sidebarimg.png) no-repeat;
height: 67px;
width: 280px;}

.side .title {
	padding: 5px 0px;
	color: #999999;
    font-family:'Lato',sans-serif;
    font-size:13px;
	text-transform: uppercase;
	margin-bottom:10px;}

.sideb {
	line-height: 15px;
	display: inline-block;
	padding: 2px 12px 2px 12px;
	background-color: #636262;
	color: #ffFFff;}

.side .border {
	margin-top: -12px;
	border-bottom: 2px solid #636262;}




/* 5.1 Posts
-------------------------------------------------------------- */

#sidebar2 {
margin-top:0px;}

.ycontenu {margin-left:0px;
background-color:#ffFFff;
width:713px;}

.titrecontenu {
padding-bottom:0px;}

.titrecontenu a {
padding-top:8px;
font-family:'Lato',sans-serif;
font-size:24px;
font-weight:400;
color:#636262;
margin-top:6px;
line-height: 18px;
padding-bottom:0px;}

.cadrenews {
border:1px solid #e1e1e1;
padding-left:15px;
padding-right:15px;}

.contenu {text-align:justify;
margin:20px;
color:#999999;
font-family:'Lato',sans-serif;
font-size:13px;}

.date { 
	text-align: center; 
	margin-right: 15px;
    margin-top:-10px;}

.day { 
	font-family: Playfair Display; 
	font-size: 30px; 
	font-weight: 900; 
	color: #999999; }

.space { 
	margin-top: 4px; 
	margin-bottom: 3px; 
	border-bottom: 1px solid #e1e1e1; }

.month {
	letter-spacing: 2px; 
	text-transform: uppercase; 
	color: #ffFFff; 
	font-size: 10px; 
	background-color:#b4973c;
    padding-left:4px;
    padding-right:4px;}
	
.imgnews {
margin-top:10px;
background: url(images/imgnews.png) no-repeat;
height: 22px;
width: 576px;}



/* 7.0 Footer
-------------------------------------------------------------- */

#footer {
font-family:'Lato',sans-serif;
font-size:13px;
color:#ffFFff;
text-align:center;
background-color: #636262;
border-top:10px solid #b4973c;
padding:30px;
padding-left:60px;
padding-right:60px;}

#footer a {
font-family:'Lato',sans-serif;
font-size:13px;
color: #ffFFff;}

#footer i {
color: #b4973c;}











/* 5.7 Attachments

-------------------------------------------------------------- */



div.attachment {

	margin: 0 0 46px 0;

	padding: 0 0 1px 0;

	border-bottom: 3px solid #d7d7d7;

	background: #fff;}







/* 5.9 Comments

-------------------------------------------------------------- */



#comments {

	padding: 20px 20px 1px 20px;}



.comments-title {

	font: 400 18px 'Dosis', sans-serif;

	display: table;

	margin: 0 0 23px 0;

	padding: 0 0 3px 0;

	color: #868997;}



.comment-list {

	margin: 0;

	padding: 0;

	list-style: none;}



.comment {

	margin: 23px 0;}



.comment-body {

	border-bottom: 1px solid #868997;}



.comment-meta {

	font-size: 10px;

	line-height: 18px;

	text-transform: uppercase;}



.comment-author .fn {

	font: 15px 'Dosis', sans-serif;

	font-style: normal;}



.comment-author .avatar {

	float: left;

	margin: 0 10px 0 0;

	border-radius: 100%;}



.com-nav {

	font-family: 'Dosis', sans-serif;

	margin: 23px 0;}



/* 5.9 Respond

-------------------------------------------------------------- */



.comment-reply-title {

font-family:'Dosis', sans-serif;

	font-size: 18px;

	display: table;

	margin: 0 0 23px 0;

	padding: 0 0 3px 0;

	color: #868997;}



.comment-form label {

	display: block;}



.comment-form input[type='text'] {

	min-width: 50%;}



.comment-form textarea {

	width: 80%;}



.form-allowed-tags {

	display: none;}

	

	



/* 8.0 Pagination

-------------------------------------------------------------- */



.pagination {

	font: 15px/26px 'Fira Sans', sans-serif;

letter-spacing : 1px;

text-transform : lowercase ;

color: #f5f5f5;

	margin: 23px 25px;}





/* 9.0 WP Core
-------------------------------------------------------------- */


/* Sidebar WP Core */

#sidebar .wp-caption img {
    margin: 0;
    padding: 0;}

#sidebar .wp-caption-text {
    margin: 0;}

#sidebar .wp-smiley {
    margin: 0;
    padding: 0;}

#sidebar .wp-smiley:hover {
    border: 0;}
    

.alignleft {

	float: left;}



.alignright {

	float: right;}



.aligncenter {

	display: block;

	margin-right: auto;

	margin-left: auto;

	text-align: center;}



.wp-caption {

	max-width: 100%;



	padding: 5px 0;



	text-align: center;



	border: 1px solid #ccc;



	background: #fff;



}







.wp-caption img {



	margin: 0;



	padding: 0;



	border: 0;



	background: none;



}







.wp-caption-text {



	font-size: 11px;



	line-height: 1.5;



	margin: 0;



}







img.alignleft,



.wp-caption.alignleft {



	margin: 3px 10px 10px 0;



}







img.alignright,



.wp-caption.alignright {



	margin: 3px 0 10px 10px;



}







img.aligncenter,



.wp-caption.aligncenter {



	margin-top: 3px;



	margin-bottom: 3px;



}







.gallery-caption {



	font-size: 11px;



	line-height: 1.5;



	margin: 0;



	padding: 0;



}







.sticky {}



.bypostauthor {}







.size-auto,



.size-full,



.size-large,



.size-medium,



.size-thumbnail,



img {



	max-width: 100%;



	height: auto;



}







embed,iframe,object,video {



	max-width: 100%;



}







.wp-smiley {



	margin: 0;



	padding: 0;



	vertical-align: top;



	border: 0;



	background: none;



}







.clear {



	clear: both;



}